<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
.center{
	width:100%;
	height:100%;
	}
#box{width:80%;
	height:80%;
	text-align:center;
	}
#menu{
		height:100%;
		width:100%;
		text-align:center;
		border:1px solid #96c2f1;
		background:#eff7ff;}
.flood{width:20%;
		height:20%;
		text-align:center;
		float:left;
		margin:0 12px;
		 border:1px solid #bbe1f1;
		 background:#eefaff
}
</style>
</head>

<body>
<div id="box">
	<div id="menu">
    	<div class="flood">小吃</div>
    	<div class="flood">主食</div>
    	<div class="flood">推荐</div>
    </div>
    
    <div></div>
    <div></div>
</div>

</body>
</html>
